<%--
  Created by IntelliJ IDEA.
  User: 123
  Date: 2023-05-02
  Time: 17:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <title>共享农庄进展情况报告</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f0f0f0;
    }

    .header {
      background-color: #007bff;
      color: #fff;
      padding: 20px;
    }

    .header h1, .header p {
      margin: 0;
    }

    .content {
      max-width: 800px;
      margin: 20px auto;
      background-color: #fff;
      padding: 20px;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    }

    .content h2 {
      font-size: 24px;
      margin-top: 0;
    }

    .content h3 {
      font-size: 18px;
      margin-top: 20px;
    }

    .content p {
      margin: 10px 0;
    }

    .content ul {
      margin: 10px 0;
      padding-left: 20px;
    }

    .content li {
      margin: 5px 0;
    }

    .content a {
      color: #007bff;
      text-decoration: none;
      font-weight: bold;
    }

    .content a:hover {
      text-decoration: underline;
    }

    .footer {
      background-color: #007bff;
      color: #fff;
      padding: 5px;
      text-align: center;
      bottom:0;
    }

    .footer p {
      margin: 0;
    }
  </style>
</head>
<body>
<script>
   function send(){
    var arr;
    var myData = {
    };
    $.ajax({
      contentType : "application/json;charsetset=UTF-8",//必须
      url: "http://localhost:8080/Land/selectAll",
      type: "post",
      data: JSON.stringify(myData),
      success :function (response){
        var obj = eval(response);
        var test = JSON.stringify(obj);
        alert(test);
        var obj1 = JSON.parse(test);
        for(var i=0;i<obj1.length();i++){
          var oLi = document.createElement("li");
          var data = obj1[i];
          console.log(data);
        }
    /*    function traverse(obj) {
          for (var key in obj) {
            if (obj.hasOwnProperty(key)) {
              console.log(key + " : " + obj[key]);

              if (Array.isArray(obj[key])) {
                //如果属性值为数组，则遍历数组
                obj[key].forEach(function (item) {
                  traverse(item);

                });
              } else if (typeof obj[key] === 'object') {
                //如果属性值为对象，则递归遍历对象
                traverse(obj[key]);
              }
            }
          }
        }*/
/*for (var i = 0; i < test.length; i++) {
            var oLi = document.createElement("li");
            var data = test[i];
            console.log(data);
            /!*oLi.innerHTML += '<h3 class="pro_name"><a href="#">' + data["name"] + '</a></h3>';
            oLi.innerHTML += '<p class="pro_price">' + data["location"] + '元</p>';
            oLi.innerHTML += '<p class="pro_rank">' + data["area"] + '万人好评</p>';
            oUl.appendChild(oLi);
            *!/
        }*/
      },
    });
  }
</script>
<div class="header">
  <h1>共享农庄进展报告</h1>
</div>

<div class="content">
  <h2>最近进展</h2>
  <p>最近我们在共享农庄的建设方面取得了很大的进展。我们开始进行了几个新项目，其中包括：</p>
  <ul>
    <li>开发了一个新的种植区域，用以生产更多的有机蔬菜和水果</li>
    <li>与当地的农民合作，开始养殖家禽和牲畜，以供应更多的新鲜的肉类和蛋奶制品</li>
    <li>建设了一些新的住宿设施，为参观和体验共享农庄的人们提供更多的便利</li>
  </ul>

  <h2>未来计划</h2>
  <p>除了现有进展之外，我们还有一些未来计划。其中包括：</p>
  <ul>
    <li>开发一个新的工艺品制作工作坊，将我们的农产品转化为更高附加值的产品</li>
    <li>改造现有的设施，增加一些新的功能和特色，以吸引更多的游客</li>
    <li>与其他共享农庄合作，扩大我们的市场和影响力</li>
  </ul>

  <p>总之，我们将继续努力，为大家提供更好的有机食品和绿色生活方式，让更多的人了解和体验农村的美好。</p>
  <button type="button" onclick="send()">查看土地信息</button>
</div>

<div class="footer">
  <p>版权所有 &copy; 共享农庄有限公司，保留所有权利。</p>
</div>
</div>
</body>
</html>